$(function(){
  //1.进度条功能
  //使用 NProgress 进度条插件
  // NProgress.start()  开始动画
  // NProgress.done()   结束动画 
  // 在第一个请求发送之前，进度条动起来，最后一个请求完成后， 进度条结束动画
  //jquery的全局事件需要给document注册（固定写法）$(document).ajaxStart(function () {});
  $(document).ajaxStart(function () {
    NProgress.start();
    console.log('开始');
    
  });

  $(document).ajaxStop(function () {
    NProgress.done();
    console.log('结束');
  });

  //2.切换二级分类
  //点击分类管理，让一二级菜单向下展示
  $('.cate-link').click(function(){
    $('.cate-list').stop().slideToggle(); //stop 停止当前动画
  })
  
  // 3- 切换侧边栏 
  //点击侧边栏按钮
  // 侧边栏 切换 lt-out类名 （显示，隐藏）
  // body 切换 pl-180类名   （去除和添加左padding）
  // lt-top 切换 pl-180类名 
  // 推荐把动画用css3来实现， 用类名来控制动态，js执行负责切换类名 
  $('.menu').click(function(){
    // console.log(555);
    $('.lt-aside').toggleClass('lt-out');
    $('body').toggleClass('pl-180');
    $('.lt-top').toggleClass('pl-180');
  })

  // 4- 退出功能 
  // 点击退出，前端通过ajax请求后台，进行退出(跳转到登录页)， 让服务器删除标记；
  $('.logout').click(function(){
    console.log(666);
    $.ajax({
      type: 'get',
      url: ' /employee/employeeLogout',
      dataType: 'json',
      success: function(res){
        console.log(res);
        location.href = './login.html';
      }     
    })
  })
});